﻿<html>
<head>
<title>无标题文档</title>
<style>
*{margin:0;padding:0;}
h1{text-align:left;font-family:kaiti;}
.layer1{width:100%;height:150px;}
     .layer1-1{width:100%;height:100px;background:#93F;font-size:70px;text-align:center;line-height:100px;font-family:fangsong;}
     .layer1-2{width:100%;height:50px;background:#9FC;font-size:10px;}
.layer2{width:100%;height:500px;}
     .layer2-1{width:25%;height:500px;background:#FC0;float:left;color:white;font-size:18px;text-align:center;}
     .layer2-2{width:50%;height:500px;background:#C6C;float:left;}
     .layer2-3{width:25%;height:500px;background:#FF6;float:right;text-align:center;line-height:40px;}
     .layer2-4{clear:both;}
.layer3{width:100%;height:100px;background:#6F6;text-align:center;font-size:20px;}
     #one{width:100%;height:2em;background:#9CF;color:white;font-size:2em;font-weight:bold;margin:0;padding:0;}
     #one  a{width:17%;height:2.5em;background:#9F6;color:white;float:left;line-height:2.4em;padding:0px 0px 0px 0.5em;text-decoretion:none;border-left:12px solid #00C;}
   #one a:hover{background:#09F;color:white;}
      #two{width:100%;height:auto;background:#F9C;color:white;font-size:1.3em;font-weight:bold;margin:5;padding:5;}
     #two a{width:100%;height:auto;background:#C39;color:white;display:block;line-height:1.5em;padding:5px 5px 5px 0.5em;text-decoretion:none;border-left:12px solid #FF3;}
   #two a:hover{background:#F39;color:white;}
    }
#four table,th{border:1px solid biack;width:100%;}
th{background:#3FF;color:black;}
td{line-height:50px;}


</style>
</head>

<body>
<div class="layer1">
        <div class="layer1-1">Colaso</div>
        <div class="layer1-2"><div id="one">
        <a href="#">项目介绍</a>
        <a href="#">市场需求</a>
        <a href="#">网站功能</a>
        <a href="#">商业模式</a>
        </div></div>
</div>
<div class="layer2">
        <div class="layer2-1"><h1>小店主营</h1>
        <hr align="left" width="100%"/>
        <div id="two"> 
        <a>瑞丽风格</a>
         <hr align="left" width="100%"/>
        <a>嘻皮风格</a>
        <hr align="left" width="100%"/>
        <a>淑女风格</a>
        <hr align="left" width="100%"/>
        <a>韩版风格</a>
        <hr align="left" width="100%"/>
        <a>民族风格</a>
        <hr align="left" width="100%"/>
        <a>欧美风格</a>
        </div>
        </div>
        <div class="layer2-2">
       <table id="four">
       <tr>
       <th width="25%">回复</th>
       <th width="65%">主题</th> 
       <th width="30%">最后发言</th></tr>
       <tr>
       <td width="25%">100</td>
       <td width="65%"><a herf="http://www.sict.edu.cn/News/news/2017/12-8/171281456381478.htm">我们建立了自己的网站</a></td> 
       <td width="30%">17/12/09</td></tr> 
       <tr>
       <td width="25%">999+</td>
       <td width="65%"><a herf="http://www.sict.edu.cn/News/news/2017/12-7/17127947104463.htm">我们是最完美组合</a></td> 
       <td width="30%">17/12/09</td></tr> 
        <tr>
       <td width="25%">60</td>
       <td width="65%"><a herf="http://www.sict.edu.cn/News/news/2017/12-8/171281046552489.htm">我们的主营业务</a></td> 
       <td width="30%">17/12/09</td></tr> 
        <tr>
       <td width="25%">78</td>
       <td width="65%"><a herf="http://www.sict.edu.cn/News/news/2017/12-8/171281051481990.htm">我们的行内投资</a></td> 
       <td width="30%">17/12/09</td></tr> 
        <tr>
       <td width="25%">200</td>
       <td width="65%"><a herf="http://www.sict.edu.cn/News/news/2017/12-8/171281057548051.htm">我们的非专业投资</td> 
       <td width="30%">17/12/09</td></tr> 
        <tr>
       <td width="25%">126</td>
       <td width="65%"><a herf="http://www.sict.edu.cn/News/news/2017/12-5/17125952244539.htm">李克强鼓励跨境电子商务</a></td> 
       <td width="30%">17/10/02</td></tr> 
        <tr>
       <td width="25%">101</td>
       <td width="65%"><a herf="http://www.sict.edu.cn/News/news/2017/12-6/171261036537655.htm">Colaso的大生意</a></td> 
       <td width="30%">17/12/09</td></tr> 
      
       </table>
        </div>
        <div class="layer2-3"><h2>每日更新</h2>
         <hr align="center" width="70%"/>
       <ul>
       <li><a href="http://www.sict.edu.cn/meiti/2017/12-6/171261347207783.htm">让你血拼到底</a></li>
       <li><a href="http://www.sict.edu.cn/meiti/2017/12-4/171241839461137.htm">为什么你花的钱不少，却买不到别人口中的好东西？（来源；小红书）</a></li>
       <li><a href="http://www.sict.edu.cn/meiti/2017/12-4/1712488177173.htm">在这些领域，我们的生活已经被改变。（来源；小红书）</a></li>
       <li><a href="http://www.sict.edu.cn/JianXun/2017/12-8/171281118432646.htm">发现（来源；小红书）</a></li>
       <li><a href="http://www.sict.edu.cn/JianXun/2017/12-8/17128156191947.htm">适合你的，才是最好的</a></li>
       <li><a href="http://www.sict.edu.cn/xueshu/2017/2-24/17224144632910.htm">我们的目标</a></li>
       </ol>
        </div>
        <div class="layer2-4"></div>
</div>
<div class="layer3">中国合伙人：孟娜，刘梦蕊
</div>

</body>
</html>

